﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Chart</title>
    <script type="text/javascript" src="scripts/local-storage-extensions.js"></script>
    <script type="text/javascript" src="scripts/storage.js"></script>
    <script type="text/javascript" src="scripts/budget.js"></script>
    <script type="text/javascript" src="scripts/categories.js"></script>
    <script type="text/javascript" src="scripts/expenses.js"></script>
    <script type="text/javascript" src="scripts/chart.js"></script>
    <script type="text/javascript" src="scripts/accounts.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <link rel="stylesheet" href="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.css">
    <script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"></script>
    <script src="https://d10ajoocuyu32n.cloudfront.net/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
<div data-role="page" id="page1">
    <div data-theme="a" data-role="header">
        <a id="homeButton" data-role="button" href="#" data-icon="home" data-iconpos="left"
        class="ui-btn-left">
            Home
        </a>
        <h3>
            Budget Chart <span id="budgetChart"></span>
        </h3>
    </div>
    <div data-role="content">
        <div id="acc-container" data-role="collapsible-set" data-theme="b" data-content-theme="a">
            <div id="chart_div" style="width: 460px; height: 250px;"></div>
            <div id="chart_div2" style="width: 460px; height: 250px; margin-top: 50px"></div>
        </div>
    </div>
    <div data-theme="a" data-role="footer" data-position="fixed">
        <h3>
            Telerik Academy Teamwork Project
        </h3>
    </div>

</div>
    <script type="text/javascript" src="scripts/chart-ui.js"></script>
</body>
</html>
